<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />

        <title><?php echo $page_title ?></title>

        <!-- Foundation framework -->
            <link rel="stylesheet" href="<?=base_url()?>resources/admin/css/foundation.css" />
        <!-- jquery UI -->
            <link rel="stylesheet" href="<?=base_url()?>resources/admin/lib/jQueryUI/css/Aristo/Aristo.css" media="all" />
        <!-- fancybox -->
            <link rel="stylesheet" href="<?=base_url()?>resources/admin/lib/fancybox/jquery.fancybox-1.3.4.css" media="all" />
        <!-- tooltips -->
            <link rel="stylesheet" href="<?=base_url()?>resources/admin/lib/qtip2/jquery.qtip.min.css" />
        <!-- datatables -->
            <link rel="stylesheet" href="<?=base_url()?>resources/admin/lib/datatables/css/demo_table_jui.css" media="all" />
        <!-- main styles -->
            <link rel="stylesheet" href="<?=base_url()?>resources/admin/css/style.css" />
            
         	<link href="<?=base_url()?>resources/admin/js/jQuery-Impromptu/jquery-impromptu.css" rel="stylesheet" type="text/css" />
			<link href="<?=base_url()?>resources/admin/js/fineuploader/fineuploader.css" rel="stylesheet" type="text/css" />
			<link href="<?=base_url()?>resources/admin/js/Jcrop/jquery.Jcrop.min.css" rel="stylesheet" type="text/css" />
            <link href="<?=base_url()?>resources/admin/js/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css" />

        <!-- Google fonts -->
            <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' />
            <link href='http://fonts.googleapis.com/css?family=Terminal+Dosis' rel='stylesheet' />

        <!-- Favicons and the like (avoid using transparent .png) -->
            <link rel="shortcut icon" href="favicon.ico" />
            <link rel="apple-touch-icon-precomposed" href="icon.png" />

        <!--[if lt IE 9]>
            <link rel="stylesheet" href="foundation/stylesheets/ie.css" />
            <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        
        <script src="<?=base_url()?>resources/admin/js/jquery.min.js"></script>
        <script src="<?=base_url()?>resources/admin/lib/jQueryUI/jquery-ui-1.8.18.custom.min.js"></script>
        <script src="<?=base_url()?>resources/admin/js/s_scripts.js"></script>
        <script src="<?=base_url()?>resources/admin/js/jquery.ui.extend.js"></script>
        <script src="<?=base_url()?>resources/admin/lib/qtip2/jquery.qtip.min.js"></script>
        <script src="<?=base_url()?>resources/admin/js/jquery.rwd-table.js"></script>
        <script src="<?=base_url()?>resources/admin/lib/datatables/js/jquery.dataTables.min.js"></script>
        <script src="<?=base_url()?>resources/admin/lib/datatables/js/dataTables.plugins.js"></script>
        <script src="<?=base_url()?>resources/admin/lib/datatables/extras/ColVis/media/js/ColVis.min.js"></script>
        <script src="<?=base_url()?>resources/admin/js/pertho.js"></script>
        <script src="<?=base_url()?>resources/admin/js/admin_ajax.js"></script>
        <script src="<?=base_url()?>resources/admin/js/jQuery-Impromptu/jquery-impromptu.js"></script>
		<script src="<?=base_url()?>resources/admin/js/fineuploader/jquery.fineuploader-3.0.min.js"></script>
		<script src="<?=base_url()?>resources/admin/js/Jcrop/jquery.Jcrop.min.js"></script>
		<script src="<?=base_url()?>resources/admin/js/jquery-uberuploadcropper.js"></script>
        <script src="<?=base_url()?>resources/admin/js/magnific-popup/jquery.magnific-popup.min.js"></script>
        <script type="text/javascript">
			var baseurl = '<?=base_url()?>';
    	</script>
        <script>
            $(document).ready(function() {
                //* common functions
				prth_common.init();

                if(!jQuery.browser.mobile){
                    prth_datatable.dt1();
                    prth_datatable.dt2();
                    prth_datatable.ah();
					prth_datatable.ao();
					prth_datatable.aoi();
					prth_datatable.asi();
                    prth_datatable.dt_actions();
					prth_datatable.dte_1();
					prth_datatable.dte_2();
                }else{
                    prth_datatable.mobile_dt();
                };
            });
        </script>
    </head>
    <body class="ptrn_a grdnt_a mhover_a">
        <header>
            <div class="container head_s_a">
                <div class="row sepH_b">
                    <div class="six columns">
                        <div class="row">
                            <div class="five phone-two columns">
                                <div id="logo">
                                    <img src="<?=base_url()?>resources/web/images/logo.png" alt="<?php echo $page_title ?>" />
                                </div>
                            </div>
                            <!--<div class="seven phone-two columns">
                                <form action="search.php" id="search_box" method="post">
                                    <input name="query" id="query" type="text" size="40" placeholder="Find a city&hellip;" autocomplete="off" />
                                </form>
                            </div>-->
                        </div>
                    </div>
                    <div class="six columns">
                        <div class="user_box cf">
                            <div class="user_avatar">
                                <img src="<?=base_url()?>resources/admin/img/user_male.png" alt="" />
                            </div>
                            <div class="user_info user_sep">
                                <p class="sepH_a">
                                    <strong><?php echo 'Welcome '.ucfirst($user['username']).'!'; ?></strong>
                                </p>
                                <span>
                                    <!--<a href="#" class="sep">Settings</a>-->
                                    <a href="#" class="logout">Log out</a>
                                </span>
                            </div>
                            <!--<div class="ntf_bar user_sep">
                                <a href="#ntf_mail_panel" class="ntf_item" style="background-image: url(../resources/admin/img/ico/icSw2/32-Mail.png)">
                                    <span class="ntf_tip ntf_tip_red"><span>12</span></span>
                                </a>
                                <a href="#ntf_tickets_panel" class="ntf_item" style="background-image: url(../resources/admin/img/ico/icSw2/32-Day-Calendar.png)">
                                    <span class="ntf_tip ntf_tip_red"><span>122</span></span>
                                </a>
                                <a href="#ntf_comments_panel" class="ntf_item" style="background-image: url(../resources/admin/img/ico/icSw2/32-Speech-Bubble.png)">
                                    <span class="ntf_tip ntf_tip_blue"><span>8</span></span>
                                </a>
                            </div>-->
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="twelve columns">
                        <nav id="smoothmenu_h" class="ddsmoothmenu">
                            <ul class="cf">
                                <li>
									<a href="<?=base_url()?>admin/home" class="mb_parent first_el">Home</a>
								</li>
                                <li>
                                    <a href="<?=base_url()?>admin/ourworks" class="mb_parent">Our Works</a>
                                    <ul style="display:none">
                                        <li><a href="<?=base_url()?>admin/ourworks/client">Client</a></li>
                                        <li><a href="<?=base_url()?>admin/ourworks/portfolio">Portfolio</a></li>
                                        <li><a href="<?=base_url()?>admin/ourworks/casestudy">Case Studies</a></li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="<?=base_url()?>admin/services" class="mb_parent">Services</a>
                                    <ul style="display:none">
                                        <li><a href="<?=base_url()?>admin/services/webvideo">Web Video</a></li>
                                        <li><a href="<?=base_url()?>admin/services/trainingvideo">Training Video</a></li>
                                        <li><a href="<?=base_url()?>admin/services/corporatevideo">Coporate Video</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </nav>
                        <!--<ul id="breadcrumbs" class="cf">
                            <li>You are here:</li>
                            <li><a href="<?=base_url()?>admin/home">Home - Administration</a></li>
                            <li><a href="#"><?php echo $menu_item ?></a></li>
                        </ul>-->
                    </div>
                </div>
            </div>
        </header>